<?php 
	/* Validamos la url en la que estamos y ocultamos los botones que llevan a la misma */
	$url="panel"; 
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Panel de Control</title>
<link href="css/styles.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/jquery.fancybox-1.3.1.css" media="screen" />
<link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.4.2.js"></script>
<script type="text/javascript" src="js/ui/ui.core.js"></script>
<script type="text/javascript" src="js/ui/ui.tabs.js"></script>
<script type="text/javascript" src="js/jquery.fancybox-1.3.1.pack.js"></script> 
<script type="text/javascript" src="js/jquery.easing-1.3.pack.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$("input:text:visible:first").focus();
	
			$("#var1").fancybox({
			 	'hideOnOverlayClick' : false,
				'width'              : 620,
				'height'			 : '60%',
				'type'               : 'iframe',
				'titleShow'          : true,
			    'titlePosition'	     : 'over', 
				'centerOnScroll'     : true,
				'transitionIn'	     : 'fade',
				'transitionOut'	     : 'fade',
				'showCloseButton'	 : true				
			});	
			$("#var2").fancybox({
			 	'hideOnOverlayClick' : false,
				'width'              : 620,
				'height'			 : '60%',
				'type'               : 'iframe',
				'titleShow'          : true,
			    'titlePosition'	     : 'over', 
				'centerOnScroll'     : true,
				'transitionIn'	     : 'fade',
				'transitionOut'	     : 'fade',
				'showCloseButton'	 : true				
			});
			$("#venta").fancybox({
			 	'hideOnOverlayClick' : false,
				'width'              : '66%',
				'height'			 : '98%',
				'type'               : 'iframe',
				'centerOnScroll'     : true,
				'transitionIn'	     : 'fade',
				'transitionOut'	     : 'fade',
				'showCloseButton'	 : true				
			});	
			$("#prestamo").fancybox({
			 	'hideOnOverlayClick' : false,
				'width'              : '66%',
				'height'			 : '98%',
				'type'               : 'iframe',
				'centerOnScroll'     : true,
				'transitionIn'	     : 'fade',
				'transitionOut'	     : 'fade',
				'showCloseButton'	 : true				
			});	
			$("#contrato").fancybox({
			 	'hideOnOverlayClick' : false,
				'width'              : '66%',
				'height'			 : '98%',
				'type'               : 'iframe',
				'centerOnScroll'     : true,
				'transitionIn'	     : 'fade',
				'transitionOut'	     : 'fade',
				'showCloseButton'	 : true				
			});	
			$("#pago").fancybox({
			 	'hideOnOverlayClick' : false,
				'width'              : '66%',
				'height'			 : '98%',
				'type'               : 'iframe',
				'centerOnScroll'     : true,
				'transitionIn'	     : 'fade',
				'transitionOut'	     : 'fade',
				'showCloseButton'	 : true				
			});	
			$("#gastos").fancybox({
			 	'hideOnOverlayClick' : false,
				'width'              : '66%',
				'height'			 : '98%',
				'type'               : 'iframe',
				'centerOnScroll'     : true,
				'transitionIn'	     : 'fade',
				'transitionOut'	     : 'fade',
				'showCloseButton'	 : true				
			});	
			$("#caja").fancybox({
			 	'hideOnOverlayClick' : false,
				'width'              : '66%',
				'height'			 : '98%',
				'type'               : 'iframe',
				'centerOnScroll'     : true,
				'transitionIn'	     : 'fade',
				'transitionOut'	     : 'fade',
				'showCloseButton'	 : true				
			});	
			$("a[rel=fancy]").fancybox({
				'transitionIn'		: 'fade',
				'transitionOut'		: 'elastic',
				'titlePosition' 	: 'over',
				'cyclic'            : false
			});
	
/* 	cargar los datos en los formularios con la búsqueda  */
 	$("#buscar").click(function(){
		$("#cargando").css('display','inline');
		$.post('buscarCliente.php', $("#busqueda").find('input').serialize(),function(data){
			$("#data").html(data);
			$("#cargando").css('display','none');
		}); 
		return false;		
	}); 
});
function ref(id){
	<!--alert("el ID: "+document.dat.id.value); -->
	document.getElementById(id).href = "editDatepicker.php?id="+parseInt(document.dat.id.value);
}
function param(id){
	document.getElementById(id).href = "crearVenta.php?tipo=1&id="+parseInt(document.dat.id.value);
}
function param1(id){
	document.getElementById(id).href = "crearVenta.php?tipo=2&id="+parseInt(document.dat.id.value);
}
function param2(id){
	document.getElementById(id).href = "crearPago.php?id="+parseInt(document.dat.id.value);
}
function param3(id){
	document.getElementById(id).href = "gastos.php?id="+parseInt(document.dat.id.value);
}
function param4(id){
	document.getElementById(id).href = "crearContrato.php?id="+parseInt(document.dat.id.value);
}
</script>
</head>
<body>
<div id="main" style="height:500px;">
	<div id="header">
	  <h2>Panel de Control Tecnoinversiones RB</h2>
    </div>
  <div style="clear:none"></div>
	<div id="right" style="height:400px;">
      <!--inicio div content-right -->
      <div id="content-right">
      <div id="data"></div>
      <div id="cargando" style="position:absolute;float:left;display:none;right:590px;margin:50px 0px 0 0;"><img src="images/loading.gif" /></div>
      <div id="datos" class="form" style="margin:10px 20px 0 20px;width:700px;float:left;">
        <form name="dat" id="dat">           
           	<fieldset>
           	  <legend>Inicio de Sesión</legend> 
            	<input type="hidden" id="id" name="id" />
                <label for="cedula" class="label-peq1">C&eacute;dula:</label>
                <input type="text" id="cedula" value="" readonly="readonly" class="input-med" style="float:left;" />
                <label for="nombres" class="label-peq1" style="margin-left:25px;">Nombres:</label>
                <input type="text" id="tlfOfi" readonly="readonly" class="input-med" style="float:left;" />
   	     </fieldset>
           </form>
        </div>
        <div class="clear"></div>
        <div id="items" class="form" style="margin:10px 0px 0 20px;width:410px;float:left;">
            <form name="item" id="item">
                <fieldset><legend>Items Adquiridos</legend>
                    <!--<a id="var1" title="Productos Comprados" onclick="ref(id);">  
                        <div id="" class="botonCustom">Productos</div>
                    </a>
                    <a id="var2" title="Préstamos Solicitados" onclick="ref(id);"> 
                        <div id="" class="botonCustom" >Pr&eacute;stamos</div>
                    </a> -->
                    <a id="pago" href="crearPago.php" onclick="param2(id);">
                        <div id="pagos" class="botonCustomMed">Consultas y Pagos</div>
                    </a>
                    <a id="contrato" href="crearContrato.php" onclick="param4(id);">
                        <div id="contrato" class="botonCustomMed">Contratos</div>
                    </a>
                </fieldset>
            </form>
        </div>
      </div>
      <!--fin div content-right -->
    </div>
    <div id="footer"></div>
</div>
</body>
</html>